<!-- 投票  S-->
<div class="voteList voteListVideo mt30">
    <h3>视频类 <span>Video</span></h3>
    <div>
        <ul class="ui-justify  voteListCon  mt20">
            <!-- 如果有背景图片请在下面的.production 元素上加上hasImg类
                 用于视频和音频
                 以便和没有图是显示不同的播放按钮图标
            -->
            <li class="ui-col-30">
                <div class="production videoCon hasImg " style="background-image:url('/images/vote/unregister/demo.JPG');"> </div>
                <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="vdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production videoCon hasImg" style="background-image:url('/images/vote/unregister/demo1.PNG');"> </div>
                <p>2号作品</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="vdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production videoCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="vdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production videoCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="vdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production videoCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="vdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
            </li>
        </ul>
    </div>
</div>
<div class="voteList voteListPic mt30" >
    <h3>平面类 <span>Graphic design</span></h3>
    <div>
        <ul class="ui-justify  voteListCon  mt20">
            <li class="ui-col-30">
                <div class="production picCon hasImg"  style="background-image:url('/images/vote/unregister/demo.JPG');"> </div>
                <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="pdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production picCon"> </div>
                <p>2号作品</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="pdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production picCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="pdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production picCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="pdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production picCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="pdetails">投票</a>
            </li>
            <li class="ui-col-30">
                <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
            </li>

        </ul>
    </div>
</div>
<div class="voteList voteListAudio mt30">
    <h3>音频类 <span>Audio</span></h3>
    <div>
        <ul class="ui-justify  voteListCon  mt20">
            <li class="ui-col-30">
                <div class="production audioCon hasImg" style="background-image:url('/images/vote/unregister/demo1.PNG');"> </div>
                <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="adetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production audioCon"> </div>
                <p>2号作品</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="adetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production audioCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="adetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production audioCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="adetails">投票</a>
            </li>
            <li class="ui-col-30">
                <div class="production audioCon"></div>
                <p>1号作品 “绿地泉”</p>
                <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                <a href="adetails">投票</a>
            </li>
            <li class="ui-col-30">
                <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
            </li>
        </ul>
    </div>
</div>